<template>
  <div class="son1">
      我是son1.vue
      <my-checkbox />

     <p v-color="color">{{ 99 | formatTime }}</p>

     <!-- <my-test /> -->
  </div>
</template>

<script>
// 如果使用模块化导入： commonJS（require） 和 ES6导入（import），
// 他们都有共同特点: 
    // 如果写了相对路径，那么就去找这个路径对应的文件
    // 如果直接写名字，它是去找node_modules文件夹里的以这个名字命名的文件夹，
    // 再找里面的package.json,再找package.json里的main对应的文件，然后把这个文件导入进来

// import MyTest from 'MyTest'

// 没有就是去node_modules里找axios文件夹
// import axios from 'axios'
export default {
    components: {
        // MyTest
    },
    data() {
        return {
            color: 'pink'
        }
    },
}
</script>

<style>
    .son1 {
        width: 300px;
        height: 300px;
        border: 1px solid #000;
    }
</style>